<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0">
    <title>订花乐结算页</title>
    <link rel="stylesheet" href="../dinghuale/css/settlement-page.min.css">
    <link rel="shortcut icon" href="bitbug_favicon.ico" />
</head>

<body>
    <div class="web">
        <header>
            <span>填写订单</span>
        </header>
        <main>
            <div class="order">
                <div class="order-information">
                    <span>收货信息</span>
                    <input type="text" placeholder="请选择收货信息">
                </div>
                <div class="order-information">
                    <span>送达日期</span>
                    <input type="text" placeholder="请填写送达日期">
                </div>
                <div class="order-information">
                    <span>配送时间</span>
                    <select>
                        <option selected>不限时段</option>
                        <option>早间</option>
                        <option>晚间</option>
                    </select>
                </div>  
                <div class="order-information">
                    <span>配送方式</span>
                    <select>
                        <option>市区免费配送</option>
                        <option>同城配送</option>
                        <option>跨区配送</option>
                    </select>
                </div>
            </div>
            <div class="subscriber-information">
                <span>订购人信息</span>
                <input type="text" placeholder="请填写">
            </div>
            <div class="leave-word">
                <p>贺卡留言</p>
                <textarea cols="48" rows="5" placeholder="选填 请输入贺卡留言!"></textarea>
                <p>买家留言</p>
                <textarea cols="48" rows="5" placeholder="选填 请输入买家留言!"></textarea>
            </div>

            <div class="goods">
                <div class="goods-info">
                    <img src="../dinghuale/images/settlement-page-image/sale.png" alt="">
                    <p>永恒回忆*1</p>
                </div>
                <p>￥329</p>
                    
            </div>
            <div class="payment">
                <p>支付方式</p>
                <p> <img src="../dinghuale/images/settlement-page-image/wx.png" alt=""> 微信</p>
                <p> <img src="../dinghuale/images/settlement-page-image/zfb.png" alt=""> 支付宝</p>
            </div>
            <div class="bill">
                <span>发票</span>
                <span>选填</span>
            </div>
            <div class="settle">
                <div class="settlement-item">
                    <p>共1件商品</p>
                    <p>运费：￥0</p>
                </div>
                <div class="settlement-item">
                    <p>优惠：-￥0</p>
                    <p>商品总价：<span>￥329.00</span></p>
                </div>
            </div>
        </main>
        <footer>
            <div class="actual-payment">
                <p>实付款:329.00</p>
            </div>
            <input type="submit" value="提交订单">
        </footer>
    </div>
</body>

</html>